<template>
  <div>
    <Tabs>
      <TabPane title="Tab 1">
        <p>Content of Tab 1</p>
      </TabPane>
      <TabPane title="Tab 2">
        <p>Content of Tab 2</p>
      </TabPane>
      <TabPane title="Tab 3">
        <p>Content of Tab 3</p>
      </TabPane>
    </Tabs>
  </div>
</template>

<script>
import Tabs from './Tabs.vue';
import TabPane from './TabPane.vue';

export default {
  components: {
    Tabs,
    TabPane,
  },
};
</script>

<style scoped>
/* Add any additional styles here if needed */
</style>
